/**
 * Qporama // 549.DMI.QP // version 0.1, 04 nov 2010
 * author	runroom (phil)
 * copyright 2010 by runroom
 */
/* RESET CSS de navegadores (see http://tantek.com/log/2004/09.html#d06t2354)
-----------------------------------------------------------------------------*/
	h1,h2,h3,h4,h5,h6,pre,code,p,li,td { font-size: 1em; }
	ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; }
	ul, ol { list-style: none; }
	a img, a:link img, a:visited img, a:hover img { border: none; }
	:focus { outline: none; }

/* Elementos HTML
-----------------------------------------------------------------------------*/
	body { font: 14px/20px "Lucida Grande", "Lucida Sans", Arial, sans-serif; color: #424242; text-align: center; background: #fff; /*border:1px; solid red*/ }

	a:link { color: #09f; text-decoration: none; }
	a:visited { color: #09f; text-decoration: none; }
	a:hover { color: #09f; text-decoration: underline; }
	a:active { color: #09f; text-decoration: none; }
	
	small a { white-space: nowrap; }
/* AJAX LOADING */
	.waiting{background:#000 url(css_images/ico-loading-32.gif) no-repeat center; }

/* formatear textos */
	p,adress,li,dt,dd,pre,blockquote,q,input { font-size: 14px; line-height: 1.25em; }

	textarea { font: 14px/20px "Lucida Grande", "Lucida Sans", Arial, sans-serif; color: #424242; }

	strong { font-weight: bold; }

	small, .small { font: normal normal 10px/15px Verdana, sans-serif; /*color: #2c2c2c; */}
	cite { font-style: italic; }
	code { font: normal normal 12px/20px Monaco, "Lucida Console", monospace; letter-spacing: -0.05em; }

	object { margin: 10px 0; }


/* FORMATOS DE TEXTOS
-----------------------------------------------------------------------------*/
/* texto secundario */
	.soft { color: #666; }
/* texto clarito */
	.xtrasoft { color: #999; }
/* texto blanco sobre negro */
	.inverse { color: #fff; letter-spacing: 0.01em; }

/* texto pequeno normal */
	.peque, .peque li, .lamasinfo p, .commentbody p { font-size: 12px; line-height: 20px; font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
/* texto extra peque√±o */
	.micro { font: normal normal 8px/1em Verdana, sans-serif; color: #999; text-transform: uppercase; }
/* texto titulo principal de caja grande */
	.titulo-principal { font-weight: bold; font-size: 24px; line-height: 30px; color: #666; letter-spacing: -0.05em; }
		.light { font-weight: normal; }
		.cajita { margin: 0 40px 10px 0; font-size: 16px; border-bottom: 1px solid #ccc; }

/* nombre de anunciante tarjeta */
	.t-anunciante-nombre { font: bold 20px/1em Arial, sans-serif; }
/* texto Arial 12 (por ejemplo, achievements) */
	.pqarial, .pqarial li { font-size: 12px; line-height: 20px; font-family: Arial, sans-serif; color: #999; }
/* texto Arial 14 (por ejemplo, mi perfil) */
	.grarial { font-size: 14px; line-height: 20px; font-family: Arial, sans-serif; }
/* texto titulo oferta */
	.oferta { font: 30px/30px Georgia, "Times New Roman", Times, serif; color: #333; }
		/* evitar que sale el h1 del checkout de la caja */
		.oferta.wide { width: 580px; }
/* texto precio oferta */
	/*.price { position: relative; text-align: center; font: 48px/1em Arial, sans-serif; color:	#9c0; text-shadow: #999 0 1px; } */
	.price { position: relative; text-align: center; font: 35px/1.25em Arial, sans-serif; color: #9c0; text-shadow: #999 0 1px; }
/* texto "desde" del precio  depende de ".price" */
		/*.desde { position: absolute; top: 38%; left: -5px; text-shadow: none; font: 12px/1em Georgia, "Times New Roman", Times, serif; color: #7fa804; } */
		.desde { position: absolute; top: -7px; left: 0; text-shadow: none; font: 12px/1em Georgia, "Times New Roman", Times, serif; color: #7fa804; }
 /* texto bold blanco */
	.ahorro { font: bold 28px Arial, sans-serif; color: #fff; letter-spacing: -0.05em; }
	

/* LOGIN
-----------------------------------------------------------------------------*/
	.facebutton { /*margin-top: 20px;*/ }
		.enorme { display: block; float: left; width: 356px; height: 50px; cursor: pointer; background: url("css_images/f-button-enorme.png") 0 0 no-repeat; }
		.enorme p { padding-left: 70px; height: 50px; font-size: 18px; font-weight: bold; line-height: 48px; letter-spacing: -0.05em; color: #fff; }


/* PERFIL
-----------------------------------------------------------------------------*/
	.contabs { /*position: relative;*/ margin-top: 30px; }

	#tabs { position: relative; top: -40px; float: left; padding-left: 310px; width: 650px; }
		.tab {
			position: relative;
			margin-left: -7px;
			display: block;
			float: left;
			width: auto;
			padding-left: 10px;
			font-size: 14px;
			line-height: 20px;
			font-family: Arial, sans-serif;
			min-height: 30px;
			line-height: 30px;
			background: url("css_images/tab-inactive-left.png") left top no-repeat;
			}
		.tablink {
			display: block;
			float: left;
			padding: 0 20px 0 10px;
			background: url("css_images/tab-inactive.png") right top no-repeat;
			}

			.tab.active { 
				z-index: 2;
				background-image: url("css_images/tab-active-left.png");
				}
			.tab.active .tablink {
				background-image: url("css_images/tab-active.png");
				}

		.tabcontent { display: none; }

			.tabcontent.active {
				display: block;
				}


/*	#photobooth { display: none; } */

	.genderselection { overflow: hidden; }
		.genderselection label, .genderselection input { display: none; }
	.f-selection, .m-selection { float: left; width: 54px; height: 54px; padding: 5px 0 10px 0; margin-right: 10px; }
	.f-selection span, .m-selection span { display: block; cursor: pointer; width: 54px; height: 54px; }

	.f-selection span { background: url('css_images/icons-gender.png') top left no-repeat; }
	.m-selection span { background: url('css_images/icons-gender.png') top right no-repeat; }
	
		.f-selection.checked span { background: url('css_images/icons-gender.png') bottom left no-repeat; }
		.m-selection.checked span { background: url('css_images/icons-gender.png') bottom right no-repeat; }



/* MIS COMPRAS */
	.resultado { position: relative; padding: 10px 0 10px 20px; width: 580px; margin: 0 30px 10px 0; background: #fff; overflow: hidden; }
		.theimage { float: left; width: 50px; }
		.tipo-puntos { float: left; width: 70px; min-height: 50px; text-align: center; }
		.tipo { display: block; width: 70px; height: 69px; text-align: center; }


	/* BOLITA PUNTOS */
		.puntos {  padding: 3px 5px; font: bold 12px/18px Helvetica, Arial, sans-serif; text-align: center; color: #fff; background: #424242;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				/* -ms-border-radius: 10px; */
				border-radius: 10px;
				}
				
		.drawn{ width: auto;}
		.itembody { float: left; width: 390px; padding: 7px 0 10px 0; }
		.direccion { padding: 5px 0; /*white-space: nowrap;*/ }
			.precio-contadores-fecha { /* background: pink; */ }

				.precio,
				.fecha { margin-right: 10px; padding: 0 5px; height: 50px; float: left; text-align: center; }
				.precio { background: #f1f1f1 url("css_images/gradient-conlinea.gif") -1px 0 no-repeat; }
				.precio-contadores-fecha .counter-discount { float: left; margin-top: 0; }

			.precio .countdown_section,
			.fecha .countdown_section { float: none; width: auto; }

		.imprimir { float: left; width: 60px; text-align: center; margin-top: -2px; }
			.imprimir a:hover { text-decoration: none; background: #f1f1f1; }


		.masinfo { position: absolute; bottom: 10px; right: 10px; }
			.masinfo a { padding-left: 13px; background: url("css_images/masmenosinfo.png") 0 -28px no-repeat; }
			.masinfo a.open { background: url("css_images/masmenosinfo.png") 0 1px no-repeat; }

		.lamasinfo { display: none; clear: both; padding: 10px 0; margin-right: 20px; border-top: 1px dotted #ccc; }
		.lamasinfo p { padding-bottom: 10px; }


/* OFERTA
-----------------------------------------------------------------------------*/
/* unir cajas de anunciante y oferta */
	.unido-top h2 { margin-top: -10px; }
	.unido-bot { margin-top: -25px; }
	.regala-mensaje { z-index: 200; }


	/*.adorno { z-index: 201; position: absolute; right: 80px; top: -10px; }*/

/* parte derecha de la oferta */
	.ofertacontent { position: relative; float: right; width: 340px; margin-right: 40px; margin-top: -5px; }
	.ofertacontent h1 { min-height:90px;}			
	.price-buy { clear: both; float: left; padding-top: 15px; width: 150px; }	
	.buy { /*position: relative;*/ padding-top: 4px; }

/* descripcion de la oferta */
	.oferta-detalles { clear: both; padding-top: 9px; }

	.oferta-detalles.checkout { width: 580px; }

/* resumen de la compra "qporamav2/application/modules/default/views/scripts/qporama_v2/distribution/pepe.js"*/
		.checkTable {}
		.hasCheckout { padding: 0; border-collapse: collapse; }
		.hasCheckout th { font-weight: normal; color: #999; text-align: center; }
		.hasCheckout td { padding: 10px 20px; color: #999; text-align: center; background: url("css_images/gradient-conlinea.gif") 0 50% no-repeat; }
			.hasCheckout td.first	{ background: url("css_images/gradient-conlinea.gif") -1px 50% no-repeat; }
			.hasCheckout td.total { color: #333; }

		.boton_menos, .boton_mas, .input_cantidad { display: block; float: left; width: auto; }
						.boton_menos, .boton_mas { width: 13px; height: 17px; background: url("css_images/bot-mas_menos.png") 0 4px no-repeat; }
						.boton_mas { background: url("css_images/bot-mas_menos.png") -41px 4px no-repeat; }
								.boton_menos span, .boton_mas span { position: absolute; left: -9999px; }
		.input_cantidad { padding: 0 5px; }


	.descripcion { width: 580px; padding-top: 10px; }
		.descripcion .buy { width: 150px; padding-top: 10px; }
	.separar { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; }
	.desc-condiciones li { display: inline; }

				
	.cont_white_right { position: relative; overflow: hidden; padding: 10px; margin: 0 10px 20px 0; float: right; width: 240px; }
		.cont_white_right h4 strong.peque { padding-left: 12px; }				
				
				
	/* lista de condiciones */
	.condiciones { position: relative; overflow: hidden; padding: 10px; margin: 0 10px 20px 0; float: right; width: 290px; background: url("css_images/fondo-condiciones.png") 0 -8px no-repeat; }
		.condiciones h4 strong.peque { padding-left: 12px; }
		.condiciones .cierre.cierre-condiciones { height: 20px; width: 290px; position: absolute; bottom: 0; left: 0; background: #fff url("css_images/fondo-condiciones.png") 0 -990px no-repeat; }
		.condiciones-bullits { margin-top: 10px; width: 260px; min-height: 50px; }
		.condiciones-bullits li { padding: 0 0 10px 12px; background: url("css_images/bullit.png") 0 6px no-repeat; }

			.checkout .condiciones { padding: 0; width: 580px; float: none; background-image: none; }
			.checkout .condiciones li { padding: 0 0 0 0; display: inline; font-size: 12px; line-height: 20px; font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; color: #666; }


/* LOCALIZADOR DE ESTABLECIMIENTO */
/* googlemap pop-up-widget (ul) */
	#listadoContainer { margin: 10px 0; }
	.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all { width: 250px; padding-bottom: 25px; text-align: left; background: #eae9e9 url("css_images/lista-establecimientos-bottom.gif") 0 bottom no-repeat; }
		/* googlemap pop-up-widget (li) */
		.ui-menu-item { padding: 5px 5px 0 5px; color: #666; }
		.ui-menu-item:first-child {  /* position: relative; left: -5px; width: 250px; background: url("css_images/fondo-input-buscar.png") -3px -25px no-repeat;*/ }
			/* googlemap pop-up-widget (a) */
			.ui-corner-all { padding: 0 5px; display: block; }
			.ui-corner-all:hover { cursor: pointer; background: #ccc; }

		.screenshot, a img.screenshot { border: 1px solid #ccc; margin-bottom: 20px; }

				
.autocomplete-even { border-bottom: 1px solid #fff; }

.autocomplete-odd { border-bottom: 1px solid #666; }
		
				
.cerca-city {display: none;}	
.en-city {display: none;}	

/* pop-up-widget para cambiar de ciudad */
	.cambia-ciudad { margin-top: 10px; /*width: 350px;*/ }
		.cambia-ciudad input[type="text"] { margin: -2px 10px; width: 130px; float: left; }
			.cambia-ciudad input[type="text"]:hover,
			.cambia-ciudad input[type="text"]:focus { background: #e5e5e5; }
		.cambia-ciudad span { float: left; }
			/*.ui-menu-item:first-child { background-image: none; }*/

	#listado { margin: 10px 0; line-height: 25px; }
		.listlinks { padding: 5px; }
		.listlinks:hover { cursor: pointer; background: #ccc; }
			.listlinks span { color: #999; }

	#listado a b { font-weight: normal; }
	.seleccionado { background: #ccc; }

	#moreBtn {
		margin-left: 5px; 
		width: 240px;
		padding: 0 10px;
		line-height: 22px;
		font-size: 12px;
		color: #09f;
		background: url("css_images/fondo-bot-vermas.png") 0 0 no-repeat;
		}
		#moreBtn:hover { cursor: pointer; }

	.contenedor-mapa { clear: both; margin-top: 20px; width: 578px; height: 498px; border: 1px solid #ccc; }
	#mapa { width: 576px; height: 496px; border: 1px solid #fff; }


/* hacer que aparezca la tiendo on-line arriba, al lado de las f√≠sicas, cuando estamos en el tab de establecimientos */
	.establ-online { float: right; width: 240px; margin-right: 40px; }


/* SLIDER (POR EJEMPLO: IMAGENES OFERTA) 
-----------------------------------------------------------------------------*/
		/* root element for single scroll */
			.scroll { position: relative; float: left; overflow: hidden; width: 220px; height: 220px; margin: 0 20px 10px 0; }	
		/* root element for the scroll pics */
			.scroll .pics { width: 20000em; position: absolute; clear: both; }
		/* single scroll item */
			.scroll .pics div { position: relative; float: left; cursor: pointer; width: 220px; height: 220px; margin: 0px; }
		/* possible settings for the active scroll */
			.scroll.active {}
		/* rounded corners */
			.corners { position: relative; overflow: hidden; }
			.w70px { width: 70px; height: 70px; margin-right: 10px; }
			.cornersfff { position: absolute; top: 0; left: 0; width: 220px; height: 220px; background: url("css_images/mascara-220px-fff.png") 0 0 no-repeat; }
				.w70px .cornersfff,
				.w70px .cornersall { position: absolute; top: 0; left: 0; width: 70px; height: 70px; background: url("css_images/mascara-70px-fff.png") 0 0 no-repeat; }

				.w50px .cornerseaf4f9 { position: absolute; top: 0; left: 0; width: 50px; height: 50px; background: url("css_images/mascara-50px-eaf4f9.png") 0 0 no-repeat; }
				.w50px .cornersall { position: absolute; top: 0; left: 0; width: 50px; height: 50px; background: url("css_images/mascara-50px-fff.png") 0 0 no-repeat; }
				.w50px .cornersgris,
				.tweet.f1f1f1 .w50px .cornersall,
				.f1f1f1 .w50px .cornersall { position: absolute; top: 0; left: 0; width: 50px; height: 50px; background: url("css_images/mascara-50px-gris.png") 0 0 no-repeat; }




/* COUNTDOWN  / INDICADOR DE DESCUENTO 
-----------------------------------------------------------------------------*/
	.counter-discount { position: relative; z-index: 5; float: right; margin-top: 7px; width: 170px; }
	
		.contador, .discount { height: 50px; overflow: hidden; }
		.counter-title { position: absolute; top: 0; left: 4px; color: #999; }
			.countdown_section .counter-title { top: 2px; }
			.discount .counter-title { top: 35px; }
		
			#defaultCountdown {}
				.highlight { /*ver custom.css */}

			/* jQuery Countdown styles 1.5.8. */
			.hasCountdown {
				width: 171px;
				height: 50px; 
				background: #f1f1f1 url("css_images/fondo-contador.png") 0 0 no-repeat;
				color: #666;
			}
			.countdown_section {
				position: relative;
				display: block;
				float: left;
				width: 57px;
				padding-top: 17px;
				font: 8px/12px Verdana, sans-serif;
				text-transform: uppercase; 
				text-align: center;
			}
			/*.countdown_section:last-child { width: 56px; }*/
			.countdown_amount,
			.countdown_amount td { font: bold 18px/21px Arial, sans-serif; }
			.countdown_descr { display: block; width: 100%; }

/* ERA:		.discount .countdown_amount { color: #9c0; font: bold 20px/21px Arial, sans-serif; } */

	/* en "landing oferta" */
			.discount .countdown_amount { color: #9c0; font: bold 13px/21px Arial, sans-serif; }

	/* en "mis compras" */
			.precio .countdown_amount,
			.fecha .countdown_amount { color: #666; font: bold 18px/21px Arial, sans-serif; text-align: center; }
			.precio .countdown_amount { color: #9c0; }



/* SHARE 
-----------------------------------------------------------------------------*/
/* texto "compartir" clicable en oferta */
	.sharetrigger { /*display: none;*/ position: absolute; bottom: 5px; left: 30px;  padding-right:40px; height: 16px; line-height:16px; background: url("css_images/fb_tw_icons.png") no-repeat right 0; }
		.sharetrigger.right { left: auto; right: 70px; padding-right:0px; padding-left:40px; background-position:0 center;}

/* texto "compartir" clicable en tarjeta */
	#tarjeta .sharetrigger { bottom: 46px; left: auto; right: 30px; z-index: 100; }

/* hacer que aparezca texto "compartir" clicable */
	#tarjeta:hover .sharetrigger,
	.caja:hover .sharetrigger {  display: block; }		
	
			
	.sharetip { position: absolute; bottom: 50px; left: 30px; width: 140px; display: none; z-index: 1500; }
		.sharetip.right { left: auto; right: 70px; }

		.sharetip .fl-abajo .content { padding-top: 0; }
			.thecloser { position: absolute; top: 20px; right: 10px; }
				.close-comp { display: block; width: 19px; height: 19px; background: url("css_images/bot-cerrar-share.png") right 0 no-repeat; }
					.close-comp span { position: relative; left: -35px; text-align: right; font-size: 11px; }
					.close-comp:hover { text-decoration: none; background: url("css_images/bot-cerrar-share.png") right -20px no-repeat; }

	.shareoptions p { font: normal normal 10px/2em Verdana, sans-serif; }

	#tarjeta .sharetip { position: absolute; top: 170px; left: auto; right: 30px; width: 140px; display: none; z-index: 1500; }

	.addthis_toolbox { padding-top: 10px; }
	.addthis_toolbox p { padding-top: 5px; clear: left; }
	.addthis_button_googlebuzz { margin: 5px 0; }
		.addthis_button_email span, .addthis_button_googlebuzz span { float: left; margin-right: 5px;}

	.addthis_toolbox .at300bs.at15t_facebook {float:left;}


/* FORMULARIOS CAPTCHAS ETC 
-----------------------------------------------------------------------------*/
	.errormessage { margin: 10px 40px 10px 0; padding: 10px 10px; width: 336px; /*min-height: 50px;*/ color: #fff; background: #f30; /*url("css_images/gradient-fff.png") 0 0 repeat-x;*/ }
		.errormessage.ok { background: #9c0; color: #000; /*url("css_images/gradient-fff.png") 0 0 repeat-x;*/ }


	.errormessage {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}

	.formulario { float: right; overflow: hidden; padding-top: 20px; }

	label { font-size: 14px; padding-bottom: 5px; display: block; }

	select { margin: 5px 0 0 5px; }
		.select1 select { width: 280px; }

	input[type="text"],
	input[type="number"],
/*	input[type="zipcode"], */
	input[type="email"],
	input[type="password"],
	textarea { margin: 3px; width: 288px; height: 20px; border: 1px solid #fff; }
		textarea { height: 60px; }
		.num input[type="text"] { width: 144px; }

		.fondo-input-half { width: 180px; height: 30px; background: url("css_images/fondo-input-half.png") 0 0 no-repeat; }
		.fondo-input { width: 300px; height: 30px; background: url("css_images/fondo-input.png") 0 0 no-repeat; }
			.predictive { width: 272px; height: 30px; background: url("css_images/fondo-input-buscar.png") 0 0 no-repeat; }
			.predictive-wide { width: 400px; height: 30px; background: url("css_images/fondo-input-buscar-400.png") 0 0 no-repeat; }
			.txtarea { height: 70px; background: url("css_images/fondo-input-txtarea.png") 0 0 no-repeat; }
			.num { width: 300px; height: 30px; background: url("css_images/fondo-input-num.png") 0 0 no-repeat; }
	
	.datainput .fondo-input,
	.formulario .fondo-input { margin-bottom: 10px; }

	.check { position: relative; margin-bottom: 10px; padding-left: 20px; }
		.check input[type="checkbox"] { position: absolute; left: 0; top: 3px; }

	/* form style */
	/*form { position: relative; }*/ 
	fieldset { border: none; }
		
	/* simple css-based tooltip */
	.errorm, .tooltip {
		display: none;
		z-index: 21;
		top: 0;
		margin-left: 20px;
		width: 255px; /* 295 */
		padding: 12px 20px 10px 20px;
		font: 12px/15px "Lucida Grande", "Lucida Sans", Arial, sans-serif;
		letter-spacing: -0.05em;
		color: #666;
		text-align: left;
		background: url("css_images/aviso-fff.png") 0 0 no-repeat;
	}
	
	label.error {
		display:none;
	}
	/* error message */
	.errorm {
		z-index: 20;	
		background: url("css_images/aviso-magenta.png") 0 0 no-repeat; 
		}
	
	.errorm p {
		font: 12px/15px "Lucida Grande", "Lucida Sans", Arial, sans-serif;
		letter-spacing: -0.05em;
		color: #666;
		text-align: left;
	}
	
	.errorm .cierre {
		display: block;
		position: absolute;
		left: 0;
		bottom: -9px;
		width: 295px;
		height: 9px;
		background: url("css_images/aviso-magenta.png") 0 -485px no-repeat;
		}
	
	.tooltip .cierre {
		display: block;
		position: absolute;
		left: 0;
		bottom: -9px;
		width: 295px;
		height: 9px;
		background: url("css_images/aviso-fff.png") 0 -485px no-repeat;
		}
	
	#capcha { clear: both; overflow: hidden; padding: 10px 0 20px 0; }
	#capcha div { float: left; margin-right: 3px; } 

	.captcha { text-transform: uppercase; font-style: italic; }
	
	/* root element for accordion. decorated with rounded borders and gradient background image */
	#accordion { width: 100%; }	
		#accordion.faq-laterales { width: 280px; margin-top: 20px; }

	/* accordion pane */
	#accordion .pane { display: none; height: 180px; height: auto; }
	.accordion-section a { font-weight: normal; padding-left: 14px; background: url("css_images/faq-flechas.png") 0 2px no-repeat; }
		.accordion-section.ui-state-active a { color: #000; background: url("css_images/faq-flechas.png") -490px 3px no-repeat; }
			/*.accordion-section.ui-icon { display: none !important; }*/
	#accordion div { padding-left: 14px; }

	/* a title inside pane */
/*	#accordion .pane h3 {} */
/*	#accordion .ask {	cursor: pointer; }*/
	

/* el "form" */
	.f620 { /*padding-top: 20px;*/ }  /*REVISAR */


/* BOTONES 
-----------------------------------------------------------------------------*/
	.boton {
		float: left;
		padding: 0 5px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		letter-spacing: 0.05em;
		text-align: center;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		background-image: url("css_images/gradient-70-000.png") 0 0 repeat-x;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
		-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
		box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
		}

	.boton:hover {
		/*background-position: 0 20px;*/
		-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .75);
		-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .75);
		box-shadow: 1px 1px 5px rgba(0, 0, 0, .75);
		}

	.boton a { padding: 0 5px; display: block; }
		.boton.grande a { padding: 0 10px; }
	.boton a:hover { text-decoration: none; }

	.boton.secundario a { color: #fff; }

	input[type="submit"], input[type="button"] {
		cursor: pointer;
		padding: 0 5px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		letter-spacing: 0.05em;
		text-align: center;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #fff;
		border: none;
		overflow: visible; /* para Explorer 7 */
		background: none;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
		}

	.boton.secundario {
		background: #666 url("css_images/gradient-70-000.png") 0 0 repeat-x;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
	.grande,
	.grande input[type="submit"], .grande input[type="button"]{
		height: 40px;
		line-height: 40px;
		font-size: 18px;
		letter-spacing: 0;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
		}

	.pequeno,
	.pequeno input[type="submit"] { 
		height: 20px;
		line-height: 20px;
		font-size: 12px;
		letter-spacing: 0.07em;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
		}
		
	.disabled {font-weight: normal; }
		.disabled a:link,
		.disabled a:visited,
		.disabled a:hover,
		.disabled a:active { color: #ccc; height: 40px; line-height: 40px; font-size: 18px; /* padding-top:12px; color: #ccc;  line-height: 12px; font-size: 12px; */  }
		
		




/* ESTRUCTURA 
-----------------------------------------------------------------------------*/
	.header { z-index: 2; position: relative; width: 100%; height: 72px; background: url("css_images/fondo-header.png") 0 0 repeat-x; }
	#logo_claim,
	.page { z-index: 1; position: relative; width: 960px; margin: 0 auto 250px auto; text-align: left; }

	a.logo { display: block; float: left; width: 180px; height: 60px; margin: 11px 30px 0 0; background: url("css_images/logo-qporama.png") 0 0 no-repeat; }
	.claim { font: italic 32px/2.5em Georgia, "Times New Roman", Times, serif; letter-spacing: 0.075em; }

	.page { padding-bottom: 40px; }
	.user { overflow: hidden; position: relative; top: -1px; left: -2px; margin-bottom: -4px; width: 964px; height: 82px; background: url("css_images/fondo-user.png") 0 -2px no-repeat; }
		.profile { float: left; width: 300px; margin: 15px 20px 10px 20px; }
			.profile-pic { float: left; width: 60px; }

			.bienvenido { width: auto; float: left; padding-right: 10px; font-size: 12px; }
			.bot-salir { display: block; float: left; }
				.bot-salir a { display: block; float: left; padding: 3px 10px 3px 0; height: 20px; line-height: 14px; text-align: center; background: url("css_images/bot-salir.png") right top no-repeat; }
					.bot-salir b { display: block; float: left; width: 10px; padding: 3px 0; height: 20px; background: url("css_images/bot-salir.png") left top no-repeat; }

				.bot-salir:hover a, .bot-salir a:hover { text-decoration: none; background: url("css_images/bot-salir.png") right -27px no-repeat; }
					.bot-salir:hover b, .bot-salir b:hover { background: url("css_images/bot-salir.png") left -27px no-repeat; }


			.mis_cosas { float: left; }
			.mis_cosas span { display: block; float: left; margin-right: 2px; font-size: 11px; font-weight: bold; }
					.mis_cosas span a { text-shadow: #fff 0 1px 1px; }
				.mis_cosas span a { display: block; float: left; padding: 3px 5px 3px 0; height: 25px; line-height: 22px; text-align: center; color: #424242; background: url("css_images/bot-miscosas.png") right top no-repeat; }
					.mis_cosas span b { display: block; float: left; width: 5px; padding: 3px 0; height: 25px; background: url("css_images/bot-miscosas.png") left top no-repeat; }

						.mis_cosas span.active b, .mis_cosas span:hover b { background: url("css_images/bot-miscosas.png") left -40px no-repeat; }
						.mis_cosas span.active a, .mis_cosas span:hover a { text-decoration: none; background: url("css_images/bot-miscosas.png") right -40px no-repeat; }
	

		.mensajes { float: right; width: 600px; margin: 15px 20px 20px 0; }
		.mensajes .soft { /*letter-spacing: -0.07em;*/ font-size: 13px; line-height: 20px; }

			.usermessage { margin-bottom:10px; padding: 10px; text-align: center; font-weight: bold; color: #000; background: #9c0 url("css_images/gradient-fff-inv.png") 0 -30px repeat-x; }
				.usermessage.sad { background: #f30 url("css_images/gradient-fff-inv.png") 0 -30px repeat-x; }
	
				.usermessage.warn { background: #f30 url("css_images/gradient-fff-inv.png") 0 -30px repeat-x; }
	
				
				.sad .message_text { font-size: 14px; line-height: 16px; color: #fff; text-align: left; text-decoration: none; font-weight: normal; }
	

				.usermessage {
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border-radius: 10px;
					}

				.usermessage p {  min-height: 40px; }
				.usermessage p .ahorro { margin: 0 5px 0 2px; position: relative; top: 3px; }
				
				
				.message_text { font-size: 14px; line-height: 16px; color: #fff; text-align: left; text-decoration: none; font-weight: normal; }

/* alinear mensaje en la barra de usuario */
		.mensajes .usermessage { margin-top: -5px; }

		
	.fondo-pagina { position: absolute; top: 0; right: 0; left: 0; overflow: hidden; }
	.fondo-pagina img { width: 100%; }
		.fondo-pagina.con_header img { position: relative; top: 71px; }


/* 2 Columnas */
	.c-320 { width: 320px; float: left; /*padding-top: 20px;*/ }
	.c-620 { width: 620px; float: right; }
	.entera { width: 960px; clear: both; }

	.ancho { width: 620px; margin-right: 20px; }

	.promos {}
	.laterales { margin-top: 10px; width: 302px; float: left; }
	
	.nospam { overflow: hidden; width: 280px; color: #333; background: url("css_images/fondo-caja-lat-cielo.png") 0 0 no-repeat; }
		.arroba { padding: 20px 0; width: 90px; float: left; text-align: center; }
		.nospamtxt { padding: 20px 0; float: right; width: 170px; margin-right: 20px; font-size: 13px; }

	.sidebox { overflow: hidden; width: 240px; padding: 10px 20px; color: #333; }
		.blue { background: url("css_images/fondo-caja-lat-cielo.png") 0 0 no-repeat; }
		.sideimg { padding: 10px 0; width: 50px; float: left; }
		.sideboxtxt { float: left; width: auto; padding: 10px 0; margin-left: 10px; }

	.sidebox .cierre {}

	.tabcontent .sidebox { margin-top: -30px; }

	.trust { text-align: center; width: 300px; position: relative; left: -10px; overflow: hidden; }
		.trust-item { float: left; width: 80px; margin: 0 5px;  }


/* MODULOS 
-----------------------------------------------------------------------------*/
/* fondo del super-buscador */
	.buscar { height: 60px; margin: 30px 0;	background: #f1f1f1; }
/* sombra y redondeo del buscador */
			.buscar {
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .25);
				-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .25);
				box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
			}


/* CAJAS 
-----------------------------------------------------------------------------*/
.caja { width: 100%; position: relative; left: -10px; padding: 10px; margin-bottom: 10px; }
	.content { width: 100%; position: relative; top: 10px; left: -10px; padding: 0 30px; }
	.cierre { height: 20px; width: 100%; position: absolute; bottom: -20px; left: 0; }

	/* 10px redondeado, blanco, 960ancho */
	.c960 { width: 960px; background: url("css_images/f-10px-960px-fff-top.png") 0 0 no-repeat; }
	.c960 .content { background: url("css_images/f-10px-960px-fff-mid.png") 0 0 repeat-y; }
	.c960 .cierre { background: url("css_images/f-10px-960px-fff-bot.png") 0 0 no-repeat; }
	
	/* 10px redondeado, blanco, 620ancho */
	.c620 { background: url("css_images/f-10px-620px-fff-top.png") 0 0 no-repeat; }
	.c620 .content { padding-top: 10px; padding-bottom: 10px; background: url("css_images/f-10px-620px-fff-mid.png") 0 0 repeat-y; }
	.c620 .cierre { background: url("css_images/f-10px-620px-fff-bot.png") 0 0 no-repeat; }
	
	/* 10px redondeado, blanco, 320ancho */
	.c320 { background: url("css_images/f-10px-320px-fff-top.png") 0 0 no-repeat; }
	.c320 .content { background: url("css_images/f-10px-320px-fff-mid.png") 0 0 repeat-y; }
	.c320 .cierre { background: url("css_images/f-10px-320px-fff-bot.png") 0 0 no-repeat; }

	/* 20px redondeado, blanco, 320ancho */
	.c320.r20 { background: url("css_images/f-20px-320px-fff.png") 0 0 no-repeat; }
	.c320.r20 .content { background-image: none; }
	.c320.r20 .cierre { height: 30px; bottom: -30px; background: url("css_images/f-20px-320px-fff.png") 0 -670px no-repeat; }


	/* 10px redondeado, f1f1f1, 320ancho */
	.caja.c320.r10.f1f1f1 { background: url("css_images/f-10px-320px-f1f1f1.png") 0 0 no-repeat; }
	.caja.c320.r10.f1f1f1 .content { background: none; }
	.caja.c320.r10.f1f1f1 .cierre { height: 30px; bottom: -10px; background: url("css_images/f-10px-320px-f1f1f1.png") 0 -1490px no-repeat; }

	/* 20px redondeado, azul, 320ancho */
	.c320.r20.eaf4f9 { background: url("css_images/f-20px-320px-eaf4f9.png") 0 0 no-repeat; }
	.c320.r20.eaf4f9 .content { background-image: none; }
	.c320.r20.eaf4f9 .cierre { height: 30px; bottom: -30px; background: url("css_images/f-20px-320px-eaf4f9.png") 0 -670px no-repeat; }


	.c320.cielo { background: url("css_images/f-20px-320px-notop") 0 0 no-repeat; }
	.c320.cielo .content { background-image: none; }
	.c320.cielo .cierre { height: 30px; bottom: -30px; background: url("css_images/f-20px-320px-notop") 0 -670px no-repeat; }

	.c320.f1f1f1 { background: url("css_images/f-20px-320px-f1f1f1.png") 0 0 no-repeat; }
	.c320.f1f1f1 .content { background-image: none; }
	.c320.f1f1f1 .cierre { height: 30px; bottom: -30px; background: url("css_images/f-20px-320px-f1f1f1.png") 0 -670px no-repeat; }

	/* div class="content ofertas" */
	.c320.ofertas { background: url("css_images/fondo-ofertas-relacionadas.png") 0 0 no-repeat; }
	.c320.ofertas .content { background-image: none; }
	.c320.ofertas .cierre { height: 30px; bottom: -30px; background: url("css_images/fondo-ofertas-relacionadas.png") 0 -2470px no-repeat; }

	/* 20px redondeado, blanco, 302ancho */
	.c302 { width: 302px; background: url("css_images/f-20px-302px-fff.png") 0 0 no-repeat; }
		.c960.f1f1f1 .c302 .content { background-image: none; }
		.c960.f1f1f1 .c302 .cierre,
		.c302 .cierre { height: 30px; bottom: -30px; background: url("css_images/f-20px-302px-fff.png") 0 -670px no-repeat; }

	/* 20px redondeado, blanco, 280ancho */
	.c280 { width: 280px; background: url("css_images/f-20px-280px-fff.png") 0 0 no-repeat; }
	.c960.f1f1f1 .c280 .content { background-image: none; }
	.c960.f1f1f1 .c280 .cierre,
	.c280 .cierre { height: 30px; bottom: -30px; background: url("css_images/f-20px-280px-fff.png") 0 -670px no-repeat; }

	/* 5px redondeado, blanco, 225ancho */
	.c225 { background: url("css_images/f-5px-225px-600px-fff.png") 0 0 no-repeat; }
	.c225 .content {}
	.c225 .cierre { background: url("css_images/f-5px-225px-600px-fff.png") 0 -600px no-repeat; }

	/* 10px redondeado, blanco, 960ancho */
	.c960.f1f1f1 { background-image: url("css_images/f-10px-960px-f1f1f1-top.png"); }
	.c960.f1f1f1 .content { background-image: url("css_images/f-10px-960px-f1f1f1-mid.png"); }
	.c960.f1f1f1 .cierre { background-image: url("css_images/f-10px-960px-f1f1f1-bot.png"); }
	
	/* 10px redondeado, blanco, 620ancho */
	.c620.f1f1f1 { background-image: url("css_images/f-10px-620px-f1f1f1-top.png"); }
	.c620.f1f1f1 .content { background-image: url("css_images/f-10px-620px-f1f1f1-mid.png"); }
	.c620.f1f1f1 .cierre { background-image: url("css_images/f-10px-620px-f1f1f1-bot.png"); }

	/* 5px redondeado, f1f1f1, 320ancho, flecha arriba (info tarjeta) */
	.c320.f1f1f1.fl-arriba { background: url("css_images/f-5px-320px-f1f1f1-flecha_top.png") 0 0 no-repeat; }
	.c320.f1f1f1.fl-arriba .cierre { background: url("css_images/f-5px-320px-f1f1f1-flecha_top.png") 0 -640px no-repeat; }

	/* 5px redondeado, f1f1f1, 140ancho, flecha arriba (compartir) */
	.c140.fl-arriba { background: url("css_images/f-5px140px-95fff-flecha_top.png") 0 0 no-repeat; }
	.c140 .content { padding: 10px 0; left: 0; width: 120px; margin: 0 auto; }
	.c140.fl-arriba .cierre { background: url("css_images/f-5px140px-95fff-flecha_top.png") 0 -640px no-repeat; }

		.fl-arriba .content, .fl-abajo .content { background: none; }

	.c140.fl-arriba.der { background: url("css_images/f-5px140px-95fff-flecha_top-der.png") 0 0 no-repeat; }
	.c140.fl-arriba.der .cierre { background: url("css_images/f-5px140px-95fff-flecha_top-der.png") 0 -640px no-repeat; }


	/* 5px redondeado, f1f1f1, 140ancho, flecha arriba (compartir) */
	.c140.fl-abajo { background: url("css_images/f-5px140px-95fff-flecha_bot.png") 0 0 no-repeat; }
	.c140.fl-abajo .cierre { height: 30px; bottom: -30px;  background: url("css_images/f-5px140px-95fff-flecha_bot.png") 0 -630px no-repeat; }

	.c140.fl-abajo.der { background: url("css_images/f-5px140px-95fff-flecha_bot-der.png") 0 0 no-repeat; }
	.c140.fl-abajo.der .cierre { height: 30px; bottom: -30px;  background: url("css_images/f-5px140px-95fff-flecha_bot-der.png") 0 -630px no-repeat; }


/* OFERTAS RELACIONADAS */
	.oferta-relacionada { padding: 10px 10px 10px 0; border-bottom: 1px solid #f1f1f1; }
	.c280 .oferta-relacionada { margin-right: 35px; }
		ol.oferta-relacionada { list-style: decimal outside; padding-left: 20px; margin-right: 30px; }
			.oferta-relacionada li { padding-bottom: 10px; }	

		.c302 .oferta-relacionada { width: 262px; }
		.c320 .oferta-relacionada { width: 280px; margin: 10px 10px 0 10px; border-bottom: 1px solid #f1f1f1; }
			.oferta-relacionada.primera { margin-top: 20px; }

			.ofertatext { padding-top: 6px; padding-bottom: 10px; overflow: hidden; }
			.ofertatext .l { margin-right: 10px; }


/* ATENCION AL CLIENTE 
	.c320.atencion { height: 230px;  background: url("css_images/fondo-atencion.png") 0 0 no-repeat; }
	.c320.atencion .atencion { margin-right: 40px; position: relative; }
		.atencion .cajita { border-bottom: none; }
		.c320.atencion .content { background: none; }
		.c320.atencion .cierre { display: none; }
		.bottomline { padding: 10px 0; border-bottom: 1px solid #f1f1f1; }
		.chat { }
		.atencion .bottomline { margin-right: 40px; }

	.deco { position: absolute; display: none; width: 50px; height: 50px; top: 30px; right: 30px; background: #ff0; }
*/

.vermas { position: relative; clear: both; margin-top: 20px; width: 620px; height: 40px; background: url("css_images/vermas.png") 50% -10px no-repeat; }
	.f1f1f1 .vermas { left: -10px; }
.vermas:hover { background: url("css_images/vermas.png") 50% -60px no-repeat; }
	.vermas p { text-align: center; }
	.vermas p a { display: block; font: bold 16px/30px Helvetica,Arial,sans-serif; color: #666; text-shadow: #fff 0 1px; }
	.vermas p a:hover { text-decoration: none; color: #424242; }

	.volver { position: relative; z-index: 400; display: block; float: left; width: auto; margin-right: 20px; min-height: 18px; padding-left: 20px; background: url("css_images/arrows.png") 0 -1px no-repeat; }
	.volver:hover { background: url("css_images/arrows.png") 0 -51px no-repeat; }

		.unido-top .volver { float: none; margin-right: 40px; }





/* TABS PAGINAS DE LANDING DE TARJETA/CIUDAD/CANAL
-----------------------------------------------------------------------------*/
	#tab-navigation{width:620px; overflow:hidden;  z-index: 90; }
	#tab-navi{position:relative; right:0; }
	/*#tabs-advertiser {width:1200px; }*/
	
	.tarjeta-tabmenu { margin-top: 30px; height: 15px; }
	.tarjeta-tabmenu li,
	.tarjeta-tabmenu .tab {
			padding: 5px 10px 10px 10px;
			margin-left: 0;
			margin-right: 1px;
			min-height: 15px; 
			font-weight: bold;
			line-height: 15px;
			color: #666;
			background: url("css_images/fff-alpha80.png");
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-left-radius: 5px;
			border-top-left-radius: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-right-radius: 5px;
			border-top-right-radius: 5px;
			}

	.tarjeta-tabmenu li.active { z-index: 50; background: rgba(255, 255, 255, 1); }
	.tarjeta-tabmenu li:hover { cursor: pointer; background: rgba(255, 255, 255, 1); }

	.tarjeta-tabmenu li a { color: #666; text-decoration: none;  }
	.tarjeta-tabmenu li.active a { color: #000; text-decoration: none;  }

/* LA TARJETA 
-----------------------------------------------------------------------------*/
	#tarjeta { position: relative; top: 0; left: -10px; /*margin-top: -20px;*/ padding: 10px; width: 320px; height: 200px; }
		#front, #back { width: 318px; height: 200px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; }
			#back { display:none; background: url("css_images/tarjeta-verso-default.png") 0 0 no-repeat; }

		#info, 
		#volver {
			cursor: pointer;
			position: absolute;
			top: 180px;
			right: 25px;
			display: block;
			z-index: 200;
			width: 22px;
			height: 22px;
			text-align: center;
			font: bold italic 14px/20px Georgia, "Times New Roman", Times, serif;
			background: url("css_images/fondo-i.png") 50% 0 no-repeat;
		}

		#info:hover,
		#volver { background-position: 50% -30px; }
		#volver { line-height: 18px; }

	.marco { z-index: 100; position: absolute; top: 0; left: 0; width: 340px; height: 220px; background-position: 50% 50%; background-repeat: no-repeat; }
		.resplandor { display: block; z-index: 120; position: absolute; top: -20px; left: -20px; width: 70px; height: 70px; background: url("css_images/resplandor.png") 50% 50% no-repeat; }
			.default .resplandor, .member .resplandor { display: none; }

/* JERARQUIA DE TARJETAS */
	/* tarjeta sin conectar */
		.default .marco { background-image: url("css_images/tarjeta-marco-default.png"); }
	/* tarjeta member */
		.member .marco { background-image: url("css_images/tarjeta-marco-member.png"); }
	/* tarjeta premium */
		.premium .marco { background-image: url("css_images/tarjeta-marco-premium.png"); }
	/* tarjeta vip */
		.vip .marco { background-image: url("css_images/tarjeta-marco-vip.png"); }

/* CONETENIDOS DE LA TARJETA */
	#tarjeta .popup { clear: both; width: 302px; position: relative; left: -10px; }

	.t-content { padding: 20px; }
	.t-anunciante-logo { overflow: hidden; float: left; width: 70px; height: 70px; background: url("css_images/tarjeta-fondo-logo-fff.png") 0 0 no-repeat; }
		.t-anunciante-logo {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}
	.t-anunciante-nombre { padding: 5px; float: right; width: 180px; color: #fff; }
	.t-anunciante-nombre span { display: block; font-size: 0.7em; }
		.t-anunciante-nombre a { position: relative; z-index: 200; color: #fff; }
	.oscuro .t-anunciante-nombre, .oscuro .t-anunciante-nombre a {color:#424242;}
/* ERROR */
.error404 {padding-top: 50px; paddin-bottom:50px; }
.error404 .usermessage { width: 580px; text-align:center; margin:0 auto;}
.tipo_error {width: 580px; text-align:center; margin:20px auto 50px auto; }
		
/* TARJETA-USUARIO */
	.t-usuario { padding-top: 10px; clear: both; }
	.t-usuario .estrella { margin-right: 20px; width: 70px; float: left; }
	.t-usuario-nombre { font: 18px/20px Georgia, "Times New Roman", Times, serif; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, .5); }
	.vip .t-usuario-nombre { color: #fdfcc3; }

/* status (member / premium / vip */
	.t-usuario-status { margin-top: 5px; height: 20px; }
	.t-usuario-status span { position: absolute; left: -9999px; }

		.member .t-usuario-status { background: url("css_images/estrella-member-t.png") 84px 0 no-repeat; }
		.premium .t-usuario-status { background: url("css_images/estrella-premium-t.png") 90px 0 no-repeat; }
		.vip .t-usuario-status { background: url("css_images/estrella-vip-t.png") 64px 0 no-repeat; }

/* la estrella que va con el status (member / premium / vip */
	.member .t-usuario .estrella { background: url("css_images/estrella-member-i.png") 50% 0 no-repeat; }
	.premium .t-usuario .estrella { background: url("css_images/estrella-premium-i.png") 50% 0 no-repeat; }
	.vip .t-usuario .estrella { background: url("css_images/estrella-vip-i.png") 50% 0 no-repeat; }


/* puntos acumulados  div p span.num-puntos */
	.puntos-acumulados {
		width: 210px;
		height: 30px;
		text-align: center;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -105px;
		z-index: 110;
		background: #999 url("css_images/gradient-fff-inv.png") 0 -10px repeat-x;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
		-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
		box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
		}
		.puntos-acumulados p { height: 30px; font: 12px/20px Arial, sans-serif; text-shadow: 1px 1px 1px rgba(255, 255, 255, .75); }
		.num-puntos { position: relative; top: 5px; font-size: 24px; font-weight: bold; margin: 0 5px; }





/* VERSO / BACK de la tarjeta / y el TOOLTIP del boton "compra ya"
-----------------------------------------------------------------------------*/
	.popup {
		margin: 5px 0 10px -2px;
		width: 302px;
		height: 102px; 
		overflow: hidden;
		background: url("css_images/fondo-pop-up.png") 0 0 no-repeat;
	}
	#back .popup {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

	.member .popup { background: url("css_images/fondo-pop-up.png") 0 -103px no-repeat; }
	.premium .popup { background: url("css_images/fondo-pop-up.png") 0 -206px no-repeat; }
	.vip .popup { background: url("css_images/fondo-pop-up.png") 0 -309px no-repeat; }


	.row { float: left; width: 33.33%; height: 90px; padding-top: 10px; text-align: center; background: url("css_images/tooltip-lineas.png") -102px 50% no-repeat; }
		.popup .row.member { background: none; }

	.numero { font-weight: bold; font-size: 18px; /*color: #999;*/ }
	#tarjeta .micro { color: #fff; }

	#tarjeta .pqarial { position: relative; }
		.member .member .pqarial, .premium .member .pqarial, .vip .member .pqarial,
		.premium .premium .pqarial, .vip .premium .pqarial,
		.vip .vip .pqarial { color: #666; }

		.tick { display: none; width: 20px; height: 21px; position: absolute; top: 0px; left: 50%; margin-left: -10px; background: url("css_images/tick.png") 0 0 no-repeat; }
			.member .member .tick, .premium .member .tick, .vip .member .tick,
			.premium .premium .tick, .vip .premium .tick,
			.vip .vip .tick { display: block; }

/* iconos member premium vip con y sin texto/estrella */
	.estrella { width: 100%; height: 60px; margin-bottom: 5px; }
		.row.member .estrella { background: url("css_images/estrella-member-it.png") 50% 0 no-repeat; }
		.row.premium .estrella { background: url("css_images/estrella-premium-it.png") 50% 0 no-repeat; }
		.row.vip .estrella { background: url("css_images/estrella-vip-it.png") 50% 0 no-repeat; }


/* numero de la tarjeta en el verso */
	.t-number { font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; color: #fff; }

	/* hacer clicable el link "como consigo puntos" en el back de la tarjeta */
	.loyaltylink { position: relative; z-index: 200; }




/* TOOLTIP HOVER "COMPRA YA"
-----------------------------------------------------------------------------*/
	.leyenda { float: left; padding: 50px 10px 0 10px; text-align: right; color: #fff; background: #000; }
	.leyenda small { display: block; line-height: 25px; }
	.footnote { clear: both; text-align: center; color: #fff; letter-spacing: -0.05em; white-space: nowrap; }

/* Los que estan en el back de tarjeta tmb pero aqui son un poco distintos */
	.precio-hover { display: none; position: absolute; top: -10px; left: -125px; z-index: 1000; width: 400px; height: 159px; background: url("css_images/fondo-tooltip.png") 0 0 no-repeat; }
		.precio-hover .t-content { padding-top: 11px; }
		.precio-hover .popup { 
			float: right;
			margin-top: 0;
			margin-right: -9px;
			margin-bottom: 5px;
			width: 300px;
			height: 100px;
			/*background: none;*/
			 }
		.precio-hover .popup .row.member { background: url("css_images/tooltip-lineas.png") -102px 50% no-repeat; }
	
		.precio-hover .pqarial { position: relative; color: #fff; }
			.precio-hover .pqarial .tick { top: -20px; }
				.oferta_index .precio-hover .pqarial .tick { top: 40px; }
		.precio-hover.member .member .numero, .precio-hover.premium .member .numero, .precio-hover.vip .member .numero,
		.precio-hover.premium .premium .numero, .precio-hover.vip .premium .numero,
		.precio-hover.vip .vip .numero { color: #999; }



/* BOTON CONNECT DE QPORAMA
-----------------------------------------------------------------------------*/
	.qporama-connect {
		width: 210px;
		height: 30px;
		text-align: center;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}

	.qporama-connect a {
		display: block;
		padding-left: 30px;
		height: 30px;
		font: bold 14px/28px Arial, Helvetica, sans-serif;
		color: #fff;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
		}

	.qporama-connect a:hover { text-decoration: none; }

/* posicionar el boton conect */
	#tarjeta .qporama-connect { position: absolute; bottom: 0; left: 50%; margin-left: -105px; z-index: 110; }


/* modulo lateral info de tarjeta (categoria, conectados, comentarios) */
	.card-info { margin-top: -10px; }
	.card-info .content { overflow: hidden; left: -20px; }
	.card-info p { float: left; width: 33%; padding-top: 15px; text-align: center; }
			.card-info p.peque, .card-info p .micro { line-height: 15px; }

	.comentarios { display: block; width: 40px; height: 26px; padding-top: 4px; margin: -7px auto -20px auto; text-align: center; font-weight: bold; background: url("css_images/comentario.png") 50% 50% no-repeat; }
			/*.comentarios b { background: url("css_images/bot-salir.png") left top no-repeat; }*/




/* DISPONIBLE / A PUNTO / COMO CONSIGO PUNTOS
-----------------------------------------------------------------------------*/
/* barra superior que contiene icono estrella, nombre de estatus, puntos */
	.sectiontitle { position: relative; left: -20px; height: 40px; background: #f1f1f1; border-bottom: 1px solid #fff; }
		/* icono estrella, nombre de estatus */
		.estrella-grande { position: absolute; width: 225px; height: 70px; top: -10px; left: 10px; }
			.estrella-grande span { position: absolute; left: -9999px; }

			.eg-default { background: url("css_images/estrellas-grandes.png") 0 -2px no-repeat; }
			.eg-member { background: url("css_images/estrellas-grandes.png") 0 -72px no-repeat; }
			.eg-premium { background: url("css_images/estrellas-grandes.png") 0 -142px no-repeat; }
			.eg-vip { background: url("css_images/estrellas-grandes.png") 0 -212px no-repeat; }


		/* puntos */
		.tus-puntos { position: absolute; right: 10px; bottom: 10px; font-size: 0.75em; }

	/* barra oscura con texto "disponible ahora" */
	.disp-ahora { position: relative; left: -20px; padding-left: 60px; margin-bottom: -5px; color: #666; background: #e8e8e8; }

	/* barra oscura con texto "a punto de alcanzar" */
	.latboxtitle { padding: 5px 0 10px 20px; margin: 0 20px 0 -20px; /*border-bottom: 1px solid #ddd;*/ }

	/* elemento que contiene los elementos del listado (ul por defecto) */
	.itemlist { margin: 5px 20px 0 0; }
		ul.itemlist,
		.inslide { margin-left: -20px; }



	/*  cerrar ultimo elemento de itemlist */
		.upcierre { height: 20px; width: 340px; position: absolute; bottom: -3px; left: -10px; background: url("css_images/f-10px-320px-fff-bot.png") 0 0 no-repeat; }
			/* cuando el itemslist no tiene slide */
			.noscroll .upcierre { left: 0; bottom: -7px; }

	/* los elementos que hacen (o no) slide */
		.apunto,
		.disponible,
		.comoconsigo { position: relative; width: 320px; padding: 10px 0; background: #fff; }

			.apunto { min-height: 50px; border-top: 1px solid #ddd; }
	
			.disponible { padding: 0 0; height: 40px; line-height: 40px; border-top: 1px solid #ddd; clear: both; }
				.disponible:hover, .disponible.clicked { cursor: pointer; background: #f1f1f1; }

	/* pauta hover clicable "interrogante" */
			.interrogante { display: none; position: absolute; top: 1px; right: 3px; }
				.achievements .interrogante { top: 5px; }
			/* disponible: barra info usuario lateral */
			/* achievements: tab "loyalty program" central */
			.disponible:hover .interrogante,
			.disponible.clicked .interrogante,
			.achievements li:hover .interrogante,
			.achievements li.clicked .interrogante { display: block; }

	/* texto descriptivo de lo disponible / a punto de alcanzar */
				.disponible-desc { display: block; float: left; width: 190px; height: 40px; overflow: hidden; color: #666; }
				.apunto-desc { display: block; float: left; padding-top: 5px; color: #666; }

	/* boton tipo comprar / imprimir, lateral */
				.microbot {
						position: relative;
						/*z-index: 1000;*/
						display: block;
						width: 45px;
						text-align: center; 
						height: 12px;
						overflow: hidden;
						font-weight: bold;
						font-size: 9px;
						line-height: 10px;
						color: #fff; /* ver custom.css */ 
						-webkit-border-radius: 2px;
						-moz-border-radius: 2px;
						border-radius: 2px;
						}
					.microbot:hover { text-decoration: none; background: #424242; }

				.disponible .microbot {
						float: right;
						margin: 15px 15px 0 0;
						}


		.comoconsigo { width: 260px; padding-right: 60px; }

	/* imagen icono "compra", "e-cheque", etc.  */
	.como { float: left; margin: 0 0 0 -5px; }

	/*  visualizacion de los puntos que suma cada accion */
		.apunto .puntos,
		.comoconsigo .puntos { position: absolute; top: 15px; right: 10px; }
			.xtrasoft .puntos { background: #878787; }

/* a punto de conseguir upgrade a otro nivel */
	/* estrella member/premium/vip */
	.statusicon { float: left; width: 60px; overflow: hidden; }
		.statusicon img { margin-left: -12px; }

	/* icono de lo que esta disponible / a punto, si _no_ es un ascenso */
	.icon-apunto-img { float: left; width: 60px; padding-top: 5px; text-align: center; }

	.icon-apunto,
	.icon-disponible { float: left; width: 60px; min-height: 30px; overflow: hidden; background: url("css_images/icons.png") -94px -184px no-repeat; }
		.icon-apunto span,
		.icon-disponible span { position: absolute; left: -9999px; }

			.i-oferta { background-position: -94px -184px; }
			.i-echeque { background-position: -184px -184px; }
			.i-regalo { background-position: -6px -284px; }
			.i-evento { background-position: -275px -184px; }

			.icon-disponible.i-oferta { background-position: -94px -190px; }
			.icon-disponible.i-echeque { background-position: -186px -195px; }
			.icon-disponible.i-regalo { background-position: -6px -283px; }
			.icon-disponible.i-evento { background-position: -275px -190px; }


	/* n puntos conseguidos de x necesarios 127/150 */
		.oneofnine { position: absolute; top: 15px; right: 15px; }



/* VENTANITA EMERGENTE DETALLES
----------------------------------------------------------------------------*/
/* hacia abajo con flecha hacia arriba, no va en IE 7
	.detalles { display: none; position: absolute; z-index: 2000; width: 270px; top: 15px; left: 150px; padding: 35px 20px 0 20px; background: url("css_images/fondo-detalles.png") 0 0 no-repeat; } */
		/*.detalles.slidedetalles { top: 75px; left: 80px; }*/
		/*.det-cierre { height: 20px; width: 100%; position: absolute; bottom: -20px; left: 0; background: url("css_images/fondo-detalles.png") 0 -830px no-repeat; }*/

/* Ventana "detalles" hacia arriba con flecha hacia abajo */
	.detalles { display: none; float:left; text-align:left; position: absolute; z-index: 1000; width: 270px; padding: 20px 20px 0 20px; background: url("css_images/fondo-detalles-flab.png") 0 0 no-repeat; }
		.det-cierre { height: 30px; width: 100%; position: absolute; bottom: -30px; left: 0; background: url("css_images/fondo-detalles-flab.png") 0 -820px no-repeat; }
	.detalles_nodisponible { display:none; float:left; text-align:left; position: absolute; z-index: 1000; width: 270px; padding: 20px 20px 0 20px; background: url("css_images/fondo-detalles-flab.png") 0 0 no-repeat; }
		
						
/* titulo del detalle  */
	.detalles .peque strong { font-weight: bold; color: #424242; }

/* la descripcion */
	.det-description,
	.ganaspuntos { clear: both; margin-top: 5px; padding-top: 5px; border-top: 1px solid #f1f1f1; }
		.det-description span.corners { margin: 5px 10px 5px 0; }

/* elementos clicables para hacer aparecer las ventanitas */
	.trigger { display: block; }
		.trigger:hover { cursor: pointer; background: #f1f1f1; }


/* BARRA INDICADORA DE PUNTOS (PROGRES-BAR)
-----------------------------------------------------------------------------*/
/* fondo gris de la barra de puntos */
	.barra-puntos { position: relative; float: left; height: 11px; width: 240px; background: url("css_images/barra-puntos-fondo.png") 0 0 no-repeat; }
	.apunto .barra-puntos { margin-top: 3px; }

/* barra que indica progreso */
		.barra-puntos span {
			display: block; 
			height: 9px;
			position: absolute; 
			top: 1px;
			left: 1px;
			background: #333 url("css_images/gradient-fff-inv.png") 0 -40px repeat-x;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.barra-puntos span.plus { background: #9c0; }

/* ventanita emergente loyalty program */
		.apunto.estrecho { width: 240px; min-height: 15px; padding-bottom: 5px; margin-top: -8px; border-top: none; background: none; }
			.apunto.estrecho .oneofnine { top: -12px; right: 0; }



/* ---------------------------------------------------------------
#
#		EXPLICACION DE LOYALTY PROGRAM
#
--------------------------------------------------------------- */

	.intro { margin: 10px 40px 5px 0; color: #333; }
	.intro p { font-size: 12px; line-height: 20px; font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; }
	/* */
	.ascenso { width: 580px; height: 180px; background: url("css_images/loyalty-ascenso.png") 0 0 no-repeat; }
		.ascenso p { position: relative; float: left; width: 193px; padding-top: 140px; text-align: center; }

		.alttext { position: absolute; left: -9999px; }

		/* puntos enormes del loyalty program */
			.ascenso p .puntos {
				padding: 3px 7px 5px 7px;
				height: 20px;
				line-height: 20px;
				font-size: 18px;
				background: #333;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				}

			.ascenso p.achieved .puntos { background: #999; }
			.ascenso p.achieved .tick { display: block; top: 60px; left: 150px; }


/* */
	.barra-puntos.ancha { margin-top: 10px; width: 580px; }
		.barra-puntos.ancha span { background: #9c0; }

		.tienes { position: relative; margin: 0 0 0 -70px; width: 140px; height: 40px; line-height: 40px; text-align: center; color: #666; overflow: hidden; background: url("css_images/barra-puntos-ancha-label.png") 50% 50% no-repeat; }

			.barra-puntos.ancha.default { background: url("css_images/barra-progreso-default.png") 0 0 no-repeat; }
				.barra-puntos.ancha.default span { display: none; }

		.barra-puntos.ancha.conectado { background: url("css_images/barra-puntos-fondo-580.png") 0 0 no-repeat; }


/* elemento que contiene las 3 columnas de ventajas, premios etc por estados de afiliacion */
	.ventajas { clear: both; padding-top: 10px; }
	.ventajas-member, 
	.ventajas-premium,
	.ventajas-vip { width: 190px; float: left; margin-right: 5px; }

		/*
		ICONOS DE PREMIOS, REGALOS, ETC.
		no disponible: */
		.compra { background: url("css_images/icono-pq-compra.png") -468px 5px no-repeat; }
		.comunidad { background: url("css_images/icono-pq-comunidad.png") -468px 5px no-repeat; }
		.dosporuno { background: url("css_images/icono-pq-dosporuno.png") -468px 5px no-repeat; }
		.echeque { background: url("css_images/icono-pq-echeque.png") -468px 5px no-repeat; }
		.evento { background: url("css_images/icono-pq-evento.png") -468px 5px no-repeat; }
		.geoloc { background: url("css_images/icono-pq-geoloc.png") -468px 5px no-repeat; }
		.globo { background: url("css_images/icono-pq-globo.png") -468px 5px no-repeat; }
		.lanzamiento { background: url("css_images/icono-pq-lanzamiento.png") -468px 5px no-repeat; }
		.descuento { background: url("css_images/icono-pq-oferta.png") -468px 5px no-repeat; }
		.privilegio { background: url("css_images/icono-pq-privilegio.png") -468px 5px no-repeat; }
		.publicar { background: url("css_images/icono-pq-publicar.png") -468px 5px no-repeat; }
		.regalo { background: url("css_images/icono-pq-regalo.png") -468px 5px no-repeat; }
		.checkin { background: url("css_images/icono-pq-checkin.png") -468px 5px no-repeat; }
		.foto { background: url("css_images/icono-pq-foto.png") -468px 5px no-repeat; }

		/* si disponible: */
		.unlocked.compra { background: url("css_images/icono-pq-compra.png") 0 5px no-repeat; }
		.unlocked.comunidad { background: url("css_images/icono-pq-comunidad.png") 0 5px no-repeat; }
		.unlocked.dosporuno { background: url("css_images/icono-pq-dosporuno.png") 0 5px no-repeat; }
		.unlocked.echeque { background: url("css_images/icono-pq-echeque.png") 0 5px no-repeat; }
		.unlocked.evento { background: url("css_images/icono-pq-evento.png") 0 5px no-repeat; }
		.unlocked.geoloc { background: url("css_images/icono-pq-geoloc.png") 0 5px no-repeat; }
		.unlocked.globo { background: url("css_images/icono-pq-globo.png") 0 5px no-repeat; }
		.unlocked.lanzamiento { background: url("css_images/icono-pq-lanzamiento.png") 0 5px no-repeat; }
		.unlocked.descuento { background: url("css_images/icono-pq-oferta.png") 0 7px no-repeat; }
		.unlocked.privilegio { background: url("css_images/icono-pq-privilegio.png") 0 5px no-repeat; }
		.unlocked.publicar { background: url("css_images/icono-pq-publicar.png") 0 5px no-repeat; }
		.unlocked.regalo { background: url("css_images/icono-pq-regalo.png") 0 5px no-repeat; }
		.unlocked.checkin { background: url("css_images/icono-pq-checkin.png") 0 5px no-repeat; }
		.unlocked.foto { background: url("css_images/icono-pq-foto.png") 0 5px no-repeat; }


	/* TODO: Hay que quitar estos classes de los feeds */
			.tipo.echeques,
			.tipo.compra,
			.tipo.regalo { background: none; }


/*	.achievements li { background-position-x: -468px; background-position-y: 5px; } */

/* elemento que constituye una de las tres columnas de ventajas, premios etc por estados de afiliacion */
	.achievements {}
	.achievements li { position: relative; padding: 5px 10px 5px 25px; margin-top: 1px; border-bottom: 1px solid #f1f1f1; }
	.achievements li:hover { cursor: pointer; background-color: #f1f1f1; }


/* color texto achievement unlocked */
	.achievements li.unlocked { color: #424242; }



	.titulo-ventajas,
	.boxtitle {
			margin-bottom: 10px;
			color: #666;
			background: #e8e8e8;
			/* -ms-border-radius: 10px; */
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-left-radius: 5px;
			border-top-left-radius: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-right-radius: 5px;
			border-top-right-radius: 5px;
		}

	.titulo-ventajas {
			padding-left: 25px;
			height: 30px;
			font: bold 12px/30px Arial, sans-serif;
		}


	.boxtitle {
			padding-left: 20px;
			width: 560px;
			height: 50px;
			line-height: 50px;
		}



/* como conseguir puntos grande */
	.comoconsigo-lista { clear: both; padding-top: 30px; }
	.comoconsigo.detallado { overflow: hidden; margin-top: 1px; width: 560px; padding: 5px 10px 10px 5px; border-bottom: 1px solid #f1f1f1; }
		/*.comoconsigo.detallado:hover { background: #f1f1f1; }*/

		.comoconsigo.detallado .peque { color: #999; /* line-height: 30px; */ }
			.splaindat { position: relative; top: 5px; line-height: 1em; }
			.comoconsigo.detallado .puntos { width:30px; position: static; float: left; margin-top: 5px; }

			.comoconsigo.detallado .como { margin: 0 10px; }
			.comoconsigo.detallado .pqarial { color: #333; margin-right: 5px; }



/* ---------------------------------------------------------------
#
#		COMENTARIOS SOBRE UNA TARJETA
#
--------------------------------------------------------------- */
	.loscomentarios { margin-left: -20px; margin-top: 13px; overflow: hidden; }

/* LOS COMENTARIOS */
		/* un comentario par */
	.comment { width: 620px; overflow: hidden; border-top: 1px solid #f1f1f1; }
		/* un comentario impar (1,3,5,7‚Ä¶) */
		.comment.f1f1f1 { background-color: #f1f1f1; }

		.userimage { overflow: hidden; float: left; margin: 10px 20px 0 20px; }
		.comment h3 { font-size: 12px; }

		.commentbody { float: left; width: 510px; padding: 10px 0 20px 0; }

/* boton comentar */
		.commentsubmit { margin: 5px 0 0 20px; }


/* ---------------------------------------------------------------
#
#		SLIDE DE OFERTAS
#
--------------------------------------------------------------- */

/* 	BARA DE NAVEGACION
--------------------------------------------------------------- */
/* flechitas de navegacion */
.browse { width: 18px; height: 18px; display: block; float: left; margin-left: -10px; cursor: pointer; background: url("css_images/arrows.png") 0 0 no-repeat; }
		.browse:hover { background: url("css_images/arrows.png") 0 -50px no-repeat; }
	.browse.right { margin-left: 5px; background: url("css_images/arrows.png") 0 -100px no-repeat; }
		.browse.right:hover { background: url("css_images/arrows.png") 0 -150px no-repeat; }

/* puntitos de navegacion */
	.navi { margin: 3px 0 0 33px; height: 12px; }
/* items inside navigator */
	.navi a { display: block; float: left; margin: 0 5px; width: 11px; height: 11px; background: url("css_images/navigator.png") 50% -22px no-repeat; }
/* mouseover state */
	.navi a:hover { background-position: 50% -11px; }
/* active state (current page state) */
	.navi a.active { background-position: 50% 0; }

	/* adapto barra de puntitos de navegacion para le columna lateral */
/*	.navi.lateralnavi { margin-top: -5px; margin-left: -10px; position: relative; z-index: 100; }*/
	.navi.lateralnavi { height: 30px; width: 317px; padding: 0 10px 0 13px; position: absolute; bottom: -30px; left: -33px; background: url("css_images/f-10px-320px-f1f1f1.png") 0 -1490px no-repeat; }


/* 	CONTENEDOR DE ELEMENTOS QUE SE MUEVEN
--------------------------------------------------------------- */
.scrollable {
	/* required settings */
	position: relative;
	overflow: hidden;
	width: 600px;
	padding: 10px;
 	margin-top: -35px;
 	margin-top: -15px;
 	margin-left: -20px;
	min-height: 310px;
 	/*z-index: 400;*/
}

.scrollable.lateral {
	width: 300px;
	min-height: 80px;
	height: 80px;
	}

.scrollable .items { width: 20000em; position: absolute; clear: both; }
.scrollable .items div { float: left; }
.items div.buy, .items .sharetip, .items .contador, .items .sharetip div { float: none; }
.items div.counter-discount { float: right; }

/* active item */
.scrollable .active { position: relative; }

	/* caja blanca de oferta del slideshow */
	.oferta_index { z-index: 80; }
		.oferta_index .ofertacontent { z-index: 50; min-height:260px;}
		.oferta_index .cierre { z-index: 5; }

	.items .caja { margin: 0; }

/* imagen de la oferta que, dentro del slide de ofertas, no es slide */
	.no_scroll { position: relative; float: left; overflow: hidden; width: 220px; height: 220px; margin: 0 20px 10px 0; }	
	.no_scroll .pics { width: 20000em; position: absolute; clear: both; }
	.no_scroll .pics div { position: relative; float: left; cursor: pointer; width: 220px; height: 220px; margin: 0px; }

.c620.f1f1f1 .oferta_index .content { background: url("css_images/f-10px-620px-fff-mid.png") 0 0 repeat-y; }
.c620.f1f1f1 .oferta_index .cierre { background: url("css_images/f-10px-620px-fff-bot.png") 0 0 no-repeat; }

	.c620.f1f1f1 .oferta_index .c140.fl-abajo .cierre { height: 30px; bottom: -30px; background: url("css_images/f-5px140px-95fff-flecha_bot.png") 0 -630px no-repeat; }
		.c620.f1f1f1 .oferta_index .c140.fl-arriba .content, .c620.f1f1f1 .oferta_index .c140.fl-abajo .content { background: none; }


/* FEED DE TWEETS
-----------------------------------------------------------------------------*/

/* BOTONES PARA FILTRAR FEED */
	.selector_tweets { margin-bottom: 13px; overflow: hidden; }
		.selector_tweets li { display: block; float: left; margin-right: 7px; width: 45px; height: 45px; }

		.selector_tweets a { display: block; width: 45px; height: 45px; }
		.selector_tweets a span { position: absolute; left: -9999px; }
		/* ofertas de lanzamiento */
		.icon-lanzamiento a { background: url("css_images/icons.png") -14px -14px no-repeat; }
			.icon-lanzamiento a:hover,
			.icon-lanzamiento a.activo { background-position: -14px -104px; }
		/* ofertas */
		.icon-oferta a { background: url("css_images/icons.png") -104px -14px no-repeat; }
			.icon-oferta a:hover,
			.icon-oferta a.activo { background-position: -104px -104px; }
		/* e-cheques */
		.icon-echeque a { background: url("css_images/icons.png") -194px -14px no-repeat; }
			.icon-echeque a:hover,
			.icon-echeque a.activo { background-position: -194px -104px; }
		/* eventos */
		.icon-evento a { background: url("css_images/icons.png") -284px -14px no-repeat; }
			.icon-evento a:hover,
			.icon-evento a.activo { background-position: -284px -104px; }
		/* consejos/avisos/comentarios */
		.icon-globo a { background: url("css_images/icons.png") -374px -14px no-repeat; }
			.icon-globo a:hover,
			.icon-globo a.activo { background-position: -374px -104px; }

/* LOS TWEETS */
		/* un tweet par */
	.tweet { margin-left:	-20px; width: 620px;/* min-height: 70px;*/ overflow: hidden; border-top: 1px solid #f1f1f1; }
		/* un tweet impar (1,3,5,7‚Ä¶) */
		.tweet.f1f1f1 { background-color: #f1f1f1; }
	.tweet .theimage { margin: 10px 0 0 20px; }
	.tweet .tipo-puntos { margin-top: 14px; height: 40px; }
	.tweet h3 { font-size: 12px; /*color: #09f;*/ }
	.tweet p.desc_tweet { color: #696969; }
		.tweet p.desc_tweet span { color:#09f; }
		.tweet p.desc_tweet span.negrita { font-weight: bold; color: #696969; }
	.tweet p.desc2_tweet { font-size: 11px; color: #696969; margin-top: 3px; }
	.tweet .boto_tweet { width: 45px; height: 45px; display: block; float: left; margin: 12px 0 0 25px; }
/*.c620.mida_fix{ height:320px;}*/



/* POP-UP MODAL (TIPO THICKBOX)
-----------------------------------------------------------------------------*/
#trama { display: none; z-index: 5; position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; background: url("css_images/trama.png"); }
	.ventana_modal { display: none; z-index: 10; position: fixed; width: 500px; top: 20px; left: 50%; margin-left: -250px; }

.redondeo {
	overflow: hidden; 
	padding: 20px;
	text-align: left;
	background: #fff; 
	
	
	-ms-border-radius: 5px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
	}

/* capa de contenido de la ventana modal */
	.contentWrap { padding: 20px 0; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
	.contentWrap h3 { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }

		.contentWrap p { color: #666; }

	/* capa de botones */
	#buttonwrap p { width: 180px; }
	
	.primer { padding-bottom: 20px; }


/* styles for the modal window created in /signup 
.modal {
	display: none;
	width: 500px;
	padding: 20px;
	text-align: left;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
	}
*/

/* MAPS
-----------------------------------------------------------------------------*/
	.globo_map { width: 260px; font-size: 10px; }
	.globo_map img { float: left; width: 90px; padding-right: 5px; }


/* MISCELLANEA
-----------------------------------------------------------------------------*/
	.fixed { position: fixed; }
	/* degradado al final de la imagen de fondo de la pagina */
	.gradient { position: absolute; height: 70px; right: 0; bottom: 0; left: 0; background: url("css_images/gradient-fff.png") 0 0 repeat-x; }
	/* forzar retorno al flujo normal con <div class="clear"></div> */
	.clear { clear: both; height: 1px; }
	/* econder cosas */
	.hidden, .oculto { display: none; }

	.nowrap { white-space: nowrap; }
	.r { float: right; }
	.l { float: left; }
	.r50 { width: 50%; float: right; }
	.l50 { width: 50%; float: left; }


/* enlace para volver arriba en la misma pagina */
	#gototop { z-index: 1001; position: fixed; left: 0px; right: 0px; bottom: 0px; }
	#gototop p { margin: 0 auto; padding-bottom: 10px; width: 960px; }
		#gototop a { display: block; padding: 10px; color: #fff; background: url("css_images/trama.png"); }
			/* redondeo */
				#gototop a {
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border-radius: 10px;
				}

		#gototop a:hover { cursor: pointer; text-decoration: none; background: #000; }

/* adelgazar fonts en webkit */
	body { -webkit-text-stroke: 1px transparent; }
	/* pero no en mobile safari */
		@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}


/* uploader */

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    width: 105px; padding: 7px 0; text-align:center; color:#0099FF;   
    font: normal normal 10px/15px Verdana, sans-serif;
	text-decoration:underline;
}
.qq-upload-button-hover {background:none;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active { background: #ff7171; }

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}


/* ----------------------------------------------------------------------------- *
 *
 *	QPON PARA IMPRIMIR
 *
 * ----------------------------------------------------------------------------- */

#qpones {
		position: absolute;
		left: -9999px;
/* 		left: 0;  comentar para testear */
}

	.qpon {
		page-break-after: always;
/*	page-break-inside: avoid; */
		width: 19cm;
		min-height: 20cm;
		text-align: left;
		font: normal 10pt/12pt "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #000;
		padding-top: 10mm;
		background: #fff;
	}

	.qpon-border {
		position: relative;
		width: 99%;
		height: 99%;
		border: 1px solid #000;
	}

	.regalar .qpon-border { border: 1px solid #f00; }
	
	.qpon-logo {
		float: left;
		margin: 5mm;
		width: 25mm;
		height: 25mm;
		padding: 5mm;
		text-align: center;
		background: #fff;
		border: 1px solid #ccc;
		}
		.beneficiario { 
			float: left;
			width: 60mm;
			margin: 10mm 5mm 0 5mm;
			line-height: 15pt;
			}
			.beneficiario p {
				margin-bottom: 2mm;
				}
	.qpon #mapa {
		width: 350px; 
		height: 200px;
		}
	.qpon hr {
		visibility: hidden;
		clear: both;
		height: 1px;
		}
	.qpon h2 {
		font-size: 20pt;
		line-height: 1em;
		margin: 5mm;
		padding-top: 5mm;
		border-top: 1px solid #666;
		}
	.qpon h3 {
		font-size: 15pt;
		font-weight: bold;
		margin: 3mm 0;
		}
	.qpon h4 {
		font-size: 11pt;
		font-weight: bold;
		margin: 3mm 0;
		}
	.qpon ol {
		padding-left: 7mm;
		list-style: decimal outside;
		}
		.qpon ol li {}

	.map-details {
		float: left;
		width: 354px;
		margin-left: 5mm;
		padding-bottom: 5mm;
		overflow: hidden;
		}
		.iframewrap { border: 1px solid #000; }
		.qpon iframe { overflow: hidden; }

	.direccion-descripcion {
		float: left;
		width: 60mm;
		margin-left: 5mm;
		padding-bottom: 5mm;
		overflow: hidden;
		}
	
	.barcode { margin: 5mm; padding-top:1mm;  position: relative; border-top: 1px solid #666; }
		.center { text-align: center; }
		.powered { position: absolute; top: 5mm; right: 5mm; font-size: 8pt; text-align: right; }
			.powered p { font-size: 8pt; text-align: right; }

	.legal-txt { margin: 5mm; }
		.legal-txt p { font-size: 8pt; line-height: 12pt; }
		.legal-txt li { display: inline; }

		.regala-mensaje { position: absolute; top: 12mm; right: 0; width: 80mm; padding: 5mm; text-align: center; font-size: 10pt; line-height: 15pt; }
			.regala-mensaje q { display: block; padding-top: 5mm; }

		.lazo { position: absolute; z-index: 100; top: -10mm; right: 25mm; width: 142px; height: 115px; }

	.regala-mensaje, .lazo { display: none; }

		.regalar .regala-mensaje,
		.regalar .lazo { display: block; }



	.qpon-cierre {}
/* PIE DE PAGINA */
	.footer { margin-top: 10px; }
	.footer .content { padding-top: 5px; }
	.nav-list { float: left; width: 145px; padding-bottom: 10px; }
	.nav-list li { padding-bottom: 5px; line-height: 1em; white-space: nowrap; }
	.nav-list a { display: block; font-weight: bold; font-size: 11px; }
/*	.nav-list a:hover { background: #f1f1f1; } */

	.frase-que-es,
	.que-grande { float: right; width: 600px; margin-right: 40px; }
	.frase-que-es { padding-bottom: 10px; border-bottom: 1px solid #cecece; }
		.frase-que-es p { font-size: 13px; line-height: 1.54em; }
		.que-grande h3 { padding: 10px 0; }
		.que-grande h3 .numero { position: relative; top: 0.15em; padding: 0 5px; font: bold 30px Arial, sans-serif; letter-spacing: -0.05em; }

	.legal { clear: both; margin: 0px 40px 0 0; padding-top: 10px;}
		.legal p { font-size: 11px; }


	.sn-facebook-foot,
	.sn-twitter-foot,
	.sn-rss-foot { display: inline-block; position: relative; top: 3px; margin-left: 3px; width: 16px; height: 16px; background: url("css_images/fb_tw_icons.png") right top no-repeat; }

	.sn-facebook-foot { background-position: left top; }
	.sn-rss-foot { background-position: left -19px; }

	.sn-facebook-foot:hover { background-position: left -50px; }
	.sn-twitter-foot:hover { background-position: right -50px; }
	.sn-rss-foot:hover { background-position: left -69px; }

		.sn-facebook-foot span,
		.sn-twitter-foot span,
		.sn-rss-foot span { position: absolute; left: -9999px; }

	.languages { float: right; width: auto; margin: -13px 40px 0 0; }
	.languages li { display: block; float: left; padding-left: 6px; width: auto; font-size: 11px; }
	
	.poweredby{float:right;margin:10px 40px 0px 0px;width: auto;}

/* 2 Columnas */
	.c-320 { width: 320px; float: left; }
		.c-320 hr { height: 0; }

	.c-620 { width: 620px; float: right; }
	.entera { width: 960px; clear: both; }

	.ancho { width: 620px; margin-right: 20px; }

	.promos {}
	.laterales { margin-top: 10px; width: 302px; float: left; }
	
	.nospam { overflow: hidden; width: 280px; color: #333; background: url("css_images/fondo-caja-lat-cielo.png") 0 0 no-repeat; }
		.arroba { padding: 20px 0; width: 90px; float: left; text-align: center; }
		.nospamtxt { padding: 20px 0; float: right; width: 170px; margin-right: 20px; font-size: 13px; }

	.sidebox { overflow: hidden; width: 240px; padding: 10px 20px; color: #333; }
		.blue { background: url("css_images/fondo-caja-lat-cielo.png") 0 0 no-repeat; }
		.sideimg { padding: 10px 0; width: 50px; float: left; }
		.sideboxtxt { float: left; width: auto; padding: 10px 0; margin-left: 10px; }

	.tabcontent .sidebox { margin-top: -30px; }

	.trust { text-align: center; width: 300px; position: relative; left: -10px; overflow: hidden; }
		.trust-item { float: left; width: 80px; margin: 0 5px;  }
		
		




		

/* HACK FEO PARA IE8 */
	.comoconsigo.detallado .puntos { margin-top: -10px\0/ }
	.comoconsigo.detallado .puntos { margin-left: 10px\0/ }
	.ascenso p .micro { position: relative\0/ }
	.ascenso p .micro { top: -10px\0/ }
